// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:'体验问题',
        isActive:true
      },
      {
        id:1,
        value:'商品、商家投诉',
        isActive:false
      }
    ],
    // 被选中的图片
    chooseImgs:[],
    // 文本域内容
    textVal:''
  },
  // 外网的图片的路径数组
  UpLoadImgs:[],
  handleTabsItemChange(e){
    // console.log(e);
    // 1 获取被点击的标题索引
    const {index} = e.detail;
    // 2 修改原数组
    let {tabs} = this.data;
    tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
    // 3 复制到data中
    this.setData({
      tabs
    })
  },
  // 点击选择图片
  handleChooseImg(){
    // 调用小程序内置的选中图片API
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (result) => {
        this.setData({
          // 图片数组进行拼接
          chooseImgs:[...this.data.chooseImgs,...result.tempFilePaths]
        })
      }
    });
      
  },
  // 点击自定义图片
  handleRemoveImg(e){
    // console.log(e);
    // 获取点击的组件的索引号
    const {index}= e.currentTarget.dataset;
    // 获取打他中的图片数组
    let {chooseImgs}=this.data;
    // 删除元素
    chooseImgs.splice(index,1);
    this.setData({
      chooseImgs
    })
  },
  // 文本域输入事件
  handleTextInput(e){
    this.setData({
      textVal:e.detail.value
    })
  },
  // 提交按钮的点击
  handleFormSubmit(){
    const {textVal,chooseImgs}=this.data;
    // 合法性验证
    if(!textVal.trim()){
      // 不合法
      wx.showToast({
        title: '输入不合法',
        icon:"none",
        mask: true
      });
    return;
    }
    wx.hideLoading();
        
    this.setData({
      chooseImgs:[],
      textVal:''
    })
    wx.navigateBack({
      delta: 1
    });
      
      
      
  }
})